<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="jquery-1.10.2.min.js"></script>
    <link rel="stylesheet" href="index.css">
</head>
<body>
    <div id="main">
    </div>
    <div id="result">
    </div>
    <div class="history clearfix">
    </div>
    <textarea name="" id="txt" cols="30" rows="10"></textarea>
    <a href="javascript:;" class="submitParser" >提交任务</a>
    <a href="javascript:;" class="saveParser" >保存任务</a>
    <a href="javascript:;" class="loadFromTxt" >从文本载入</a>
    <div class="selectTPL" style="display:none">
        <select data-name="opt">
            <option value="DOM">DOM</option>
            <option value="TEXT">TEXT</option>
            <option value="HTML">HTML</option>
            <option value="ATTR">ATTR</option>
            <option value="URL">URL</option>
            <option value="CONSTB">CONSTB</option>
            <option value="CONSTE">CONSTE</option>
            <option value="REGEXP">REGEXP</option>
            <option value="REPLACE">REPLACE</option>
            <option value="SUBSTR">SUBSTR</option>
            <option value="CLICK">CLICK</option>
            <option value="SCROLL">SCROLL</option>
            <option value="WAIT">WAIT</option>
            <option value="ARTICLE">ARTICLE</option>
            <option value="ABS">ABS</option>
            <option value="RETIFNULL">RETIFNULL</option>
            <option value="REMOVE">REMOVE</option>
        </select>
    </div>
    <div class="infoTPL none">
        <div class="infoWrap">
            <div class="clearfix" role="desc">
                <p class="key">desc</p>
                <div class="value">
                    <input type="text" name="desc" />
                </div>
            </div>
            <div class="clearfix" role="requiredLogin">
                <p class="key">requiredLogin</p>
                <div class="value">
                    <input type="checkbox" name="requiredLogin" />
                </div>
            </div>
            <div class="clearfix" role="loginUrl">
                <p class="key">loginUrl</p>
                <div class="value">
                    <input type="text" name="loginUrl" />
                </div>
            </div>
            <div class="clearfix" role="hasAjax">
                <p class="key">hasAjax</p>
                <div class="value">
                    <input type="checkbox" name="hasAjax" />
                </div>
            </div>
            <div class="clearfix" role="isSpread">
                <p class="key">isSpread</p>
                <div class="value">
                    <input type="checkbox" name="isSpread" />
                </div>
            </div>
            <div class="clearfix" role="maxAmt">
                <p class="key">maxAmt</p>
                <div class="value">
                    <input type="text" name="maxAmt" />
                </div>
            </div>
            <div class="clearfix" role="testurl">
                <p class="key">testurl</p>
                <div class="value">
                    <input type="text" name="testurl" />
                </div>
            </div>
        </div>
    </div>
    <div class="parserTPL none">
        <div class="parserWrap">
            <p class="name"><span></span> <a href="javascript:;" class="removeParser">删除此parser</a> <a href="javascript:;" class="toggle">口</a></p>
            <div class="props-ext">
                <div class="clearfix">
                    <p class="key">描述</p>
                    <div class="value">
                        <input type="text" name="desc" />
                    </div>
                </div>
                <div class="clearfix">
                    <p class="key">是否必须</p>
                    <div class="value">
                        <label>
                            <input type="checkbox" name="required" /><span class="tip">不一定能爬到不要勾选</span></label>
                    </div>
                </div>
                <div class="clearfix">
                    <p class="key">是否扩散</p>
                    <div class="value">
                        <input type="checkbox" name="isSpread" />
                    </div>
                </div>
            </div>
            <div class="root">
            </div>
            <div class="page">
            </div>
            <div class="props">
                <p class="name">爬取条目</p>
                <div class="propsList">
                </div>
            </div>
            <div class="selectorList">
            </div>
            <a href="javascript:;" class="addSelector">新增方案</a>
        </div>
    </div>
    <div class="selectorTPL none">
        <dl class="selector">
            <dt>爬取方案 <a href="javascript:;" class="removeSelector">删除此方案</a></dt>
            <dd>
                <div class="actionWrap clearfix" role="select">
                    <p class="key">节点</p>
                    <div class="value">
                        <input type="text" name="select" value="select" />
                    </div>
                </div>
            </dd>
            <dd>
                <div class="actionWrap clearfix" role="action">
                    <p class="key" data-key="action">操作</p>
                    <div class="value">
                    </div>
                </div>
            </dd>
            <!-- <dd>
                <div class="actionWrap clearfix" role="next">
                    <p class="key" data-key="next">下一步</p>
                    <div class="value">
                    </div>
                </div>
            </dd> -->
        </dl>
    </div>
    <div class="actionTPL none">
        <div class="action_item">
            <a href="javascript:;" class="removeAction">移除</a>
            <div class="clearfix" role="opt">
                <p class="key">opt</p>
                <div class="value">
                    <select data-name="opt" name="opt" class="select">
                        <option value="DOM">选取节点</option>
                        <option value="TEXT">文本</option>
                        <option value="HTML">html文本</option>
                        <option value="ATTR">属性</option>
                        <option value="URL">当前链接</option>
                        <option value="CONSTB">在前面拼接</option>
                        <option value="CONSTE">在后面拼接</option>
                        <option value="REGEXP">正则匹配</option>
                        <option value="REPLACE">替换</option>
                        <option value="SUBSTR">截取字符串</option>
                        <option value="CLICK">点击</option>
                        <option value="SCROLL">滚动页面</option>
                        <option value="WAIT">等待</option>
                        <option value="ARTICLE">提取文章</option>
                        <option value="ABS">相对路径转绝对</option>
                        <option value="RETIFNULL">验证之前的值是否为空</option>
                        <option value="REMOVE">REMOVE</option>
                    </select>
                </div>
            </div>
            <div class="clearfix" role="attr">
                <p class="key">attr</p>
                <div class="value">
                    <input type="text" name="attr" value="attr" />
                </div>
            </div>
            <div class="clearfix" role="next">
                <p class="key">next</p>
                <div class="value nextValue">
                </div>
            </div>
        </div>
    </div>
    <script src="index.js"></script>
</body>
</html>